<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <title>他人的信息点开</title>
    <link rel="stylesheet" href="../css/mui.min.css"/>
    <link rel="stylesheet" href="../css/mui_img.css"/>
    <link rel="stylesheet" href="../css/base.css"/>
    <link rel="stylesheet" href="../css/news.css"/>
    <link rel="stylesheet" href="../css/other_information.css"/>
</head>
<body>
<div class="layer" style="overflow: hidden">
    <header id="header" >
        <i onclick="back()"></i>
        <div class="top_header">
            <img src="../img/focus-img1.png" alt=""/>
            <div class="center">
                <em>七月的雪</em>
                <span>待到山花烂漫时，她在丛中笑待到山花烂漫时，她在丛中笑待到山花烂漫时，她在丛中笑</span>
            </div>
        </div>
    </header>
    <div class="nav">
        <ul>
            <li><a href="./other_information.html" class="active">社团活动</a></li>
            <li><a href="./other_information_post.html">发帖</a></li>
            <li><a href="./other_information_sigle.html">约单</a></li>
            <li><a href="./other_information_space.html" >闲置</a></li>
        </ul>
    </div>
    <div class="news_list">
        <div class="news">
            <div class="top clearfix">
                <img src="../img/focus-img1.png" alt="">
                <div class="top_middle clearfix">
                    <span>音乐系管理员</span>
                    <i>今天09:23</i>
                </div>
            </div>
            <div class="center" onclick="location.href='acity_detail.html'">
                <div class="article">下周一有钢琴辅导有兴趣的同学快快报名,下周一有钢琴辅导有兴趣的同学快快报名下周一有钢琴辅导有兴趣的同学快快报名</div>
                <div class="img_box">
                    <img src="../img/focus-img1.png" alt="" data-preview-src="" data-preview-group="1">
                </div>
                <div class="img_box">
                    <img src="../img/focus-img1.png" alt="" data-preview-src="" data-preview-group="1">
                </div>

            </div>
            <div class="footer">
                <ul class="clearfix">
                    <li>
                        浏览45次
                    </li>
                    <li>
                        ￥20
                    </li>
                    <li class="comment">
                        <i></i>
                        <em>评论</em>
                    </li>
                    <li class="pay">
                        <a href="#middlePopover" class=" mui-btn mui-btn-primary mui-btn-block mui-btn-outlined">
                            <i></i>
                            <em>打赏</em>
                        </a>

                    </li>
                </ul>
            </div>

        </div>
        <div class="news">
            <div class="top clearfix">
                <img src="../img/focus-img1.png" alt="">
                <div class="top_middle clearfix">
                    <span>音乐系管理员</span>
                    <i>今天09:23</i>
                </div>
            </div>
            <div class="center" onclick="location.href='acity_detail.html'">
                <div class="article">下周一有钢琴辅导有兴趣的同学快快报名,下周一有钢琴辅导有兴趣的同学快快报名下周一有钢琴辅导有兴趣的同学快快报名</div>
                <div class="img_box">
                    <img src="../img/focus-img1.png" alt="" data-preview-src="" data-preview-group="1">
                </div>
                <div class="img_box">
                    <img src="../img/focus-img1.png" alt="" data-preview-src="" data-preview-group="1">
                </div>

            </div>
            <div class="footer">
                <ul class="clearfix">
                    <li>
                        浏览45次
                    </li>
                    <li>
                        ￥20
                    </li>
                    <li class="comment">
                        <i></i>
                        <em>评论</em>
                    </li>
                    <li class="pay">
                        <a href="#middlePopover" class=" mui-btn mui-btn-primary mui-btn-block mui-btn-outlined">
                            <i></i>
                            <em>打赏</em>
                        </a>
                    </li>
                </ul>
            </div>

        </div>
        <!--打赏弹框-->
        <div id="middlePopover" class="mui-popover" data-index="1">
            <div class="mui-popover-arrow"></div>
            <div class="mui-scroll-wrapper" data-scroll="1">
                <div class="mui-scroll" style="transform: translate3d(0px, 0px, 0px) translateZ(0px);">
                    <p>请输入打赏金额</p>
                    <input type="text" placeholder="请输入打赏金额 "><i class="money">￥</i>
                    <div class="pay_style">选择支付方式</div>
                    <ul class="mui-table-view mui-table-view-radio">
                        <li class="mui-table-view-cell mui-selected" data-value="1">
                            <a class="mui-navigate-right" href="javascript:;">
                                账户余额
                            </a>
                        </li>
                        <li class="mui-table-view-cell" data-value="2">
                            <a class="mui-navigate-right" href="javascript:;">
                                支付宝
                            </a>
                        </li>
                        <li class="mui-table-view-cell" data-value="3">
                            <a class="mui-navigate-right" href="javascript:;">
                                微信支付
                            </a>
                        </li>
                    </ul>
                    <div class="confirm">确定</div>
                </div>
                <div class="mui-scrollbar mui-scrollbar-vertical"><div class="mui-scrollbar-indicator" style="transition-duration: 0ms; display: none; height: 8px; transform: translate3d(0px, -8px, 0px) translateZ(0px);"></div></div></div>

        </div>
    </div>
</div>
</body>
<script src="../js/mui.min.js"></script>
<script src="../js/mui.zoom.js"></script>
<script src="../js/mui.preview.js"></script>
<script src="../js/x_rem.js"></script>
<script src="../js/jquery.js"></script>
<script src="../js/base.js"></script>
<script>
    $(function(){
        mui.previewImage();
        mui('body').on('tap','a',function(){document.location.href=this.href;});

    })
</script>
</html>